@import url('@fontsource/roboto/300.css');
@import url('@fontsource/roboto/400.css');
@import url('@fontsource/roboto/500.css');
@import url('@fontsource/roboto/700.css');
@import url('mapbox-gl/dist/mapbox-gl.css');

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#map {
  height: 100vh;
  width: 100vw;
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  pointer-events: all;
}

.smap-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

* {
  &:focus-visible {
    outline: none;
  }

  /* 定制滚动条样式 */
  &::-webkit-scrollbar {
    width: 12px; /* 设置滚动条宽度 */
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgb(0 0 0 / 20%); /* 滚动条的颜色 */
  }

  &::-webkit-scrollbar-track {
    background-color: rgb(0 0 0 / 10%); /* 滚动条轨道的颜色 */
  }
}

.smap-dropdown {
  border-radius: 4px;
  background: white;
  box-shadow: rgb(15 15 15 / 5%) 0 0 0 1px, rgb(15 15 15 / 10%) 0 3px 6px, rgb(15 15 15 / 20%) 0 9px 24px;
  overflow: hidden;
  isolation: isolate;
}
